<html>
<head>
  <style>
    .demo{
      background-color: antiquewhite;
      width:100px;

      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  </style>
</head>
<body>
  <div class="demo">这是一个超长文本呀,重复,</div>
</body>
</html>